<%--
  Created by IntelliJ IDEA.
  User: 86131
  Date: 2024/5/19
  Time: 9:14
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>


<html>
<head>
    <title>Title</title>
    <script src="js/axios.min.js"></script>
</head>
<body>
   <button id="btn1">发送请求</button>
</body>
<script>
    <%-- 发送异步请求 提交json数据服务器进行获取 --%>
    var btn1=document.getElementById("btn1");
    btn1.onclick=function (){
        var jsonObject={id:1,name:"lp",age:888};
        axios({
            // 请求方式
            method: 'post',
            url: 'd8.do',
            // 传递参数 data使用流发送数据 params台servlet可以直接获取
            data: jsonObject,
            //响应的数据格式 默认就是json 可以省略
            responseType: 'json'
        }).then(response => {
            // 请求成功
            let res = response.data;
            console.log(res);
        }).catch(error => {
            // 请求失败，
            console.log(error);
            // 一般不用
        });
    }
</script>
</html>
